<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 运动 -->
    <div class="motion-app">
        <!-- 头部导航 -->
        <!-- <div class="top">
            <div class="nav dpflex">
                <a href="./motion.html">跑步</a>
                <a class="active" href="./motion-bike.html">骑行</a>
                <a href="./motion-curriculum.html">课程训练</a>
            </div>

        </div> -->
        <!-- 累计骑行 -->
        <div class="Cumulative-run">
            <p class="title">目前累积骑行距离:</p>
            <p class="content"><span>99999</span>公里</p>
        </div>
        <!-- 骑行 -->
        <div class="run">

            <!-- go! -->
            <div class="go">
                <a href="#">GO</a>
            </div>
            <!-- 设置 -->
            <div class="fit dpflex">
                <a class="iconfont icon-set"></a>
                <a class="center">设置目标 ></a>
                <a class="iconfont icon-music"></a>
            </div>
        </div>
        <!-- 骑行路线 -->
        <div class="bottom">
            <div class="route">
                <p class="run-route">骑行路线</p>
                <p class="encounter">使用骑行路线, 邂逅附近的同行者</p>
                <a>></a>
            </div>
        </div>
    </div>
</body>

</html>